{% extends 'ApiCloud/Base/layout.common.html.twig' %}

{% block body %}
    {% include "ApiCloud/Base/inc.head.html.twig" with {title:"登录",back:1} %}
    <div class="bcf round5 pad10 mart60 marl10 marr10 op9">
        <mu-form ref="form" :model="validateForm"  label-position="top" label-width="100">

            <div class="fs10 padl5 padr5">
                <mu-form-item label="账号" :rules="usernameRules" prop="username">
                    <mu-text-field v-model="validateForm.username" placeholder="请输入账号"></mu-text-field>
                </mu-form-item>
            </div>

            <div class="fs10 padl5 padr5">
                <mu-form-item label="密码" :rules="passwordRules" prop="password">
                    <mu-text-field type="password" v-model="validateForm.password" placeholder="请输入密码"></mu-text-field>
                </mu-form-item>
            </div>

            <div class="fs8 c11 pad5 mart20">
                <mu-button large full-width round color="primary" @click="submit()">登录</mu-button>
            </div>
        </mu-form>
    </div>
{% endblock %}
